
<app-header></app-header>
<h1>{{title}}</h1>


<div [title]='title'>
    绑定属性
</div>

<h1>在angular模板里面绑定Html</h1>


<div>
    {{content}}
</div>

<div [innerHTML]='content' class="red"></div>

<hr />
<h2>angular允许进行简单运算</h2>
<div>1+1={{1+1}}</div>

<hr />
<h2>angular的数据循环</h2>

<ul>
    <li *ngFor="let item of arr">
        {{item}}
    </li>
</ul>


<ul>
    <li *ngFor="let item of userlist">

        username:{{item.username}},age:{{item.age}}

    </li>
</ul>

<ul>
    <li *ngFor="let item of students">
        表名称：{{item.name1}}
        表数据：<ul>
            <li *ngFor="let num of item.userList">
                名称：{{num.Name}}-----年龄：{{num.Age}}
            </li>
        </ul>
    </li>
</ul>
